<template>
  <div>
    <!-- 绿色资讯banner -->
    <div class="blueinfo-banner">
      <div class="container pdl-30">
        <p class="blueinfo-banner-title">绿色资讯</p>
        <div class="bottom-line"></div>
        <p class="blueinfo-banner-english">News</p>
        <ul class="clearfix blueinfo-list">
          <li>绿建政策</li>
          <li>行业动态</li>
          <li>前沿技术</li>
        </ul>
      </div>
    </div>
    <!-- 资讯内容 -->
    <div class="container clearfix">
      <div class="">
        <ul class="fl blueinfo-top-left">
            <li>
              <router-link to="Blueinfo_list" class="clearfix">
                <img src="../../../static/images/img/pinbiao-img.png" alt="" class="fl">
                <div class="fr">
                  <p class="blueinfo-top-left-title">标题标题标题标题</p>
                  <p class="blueinfo-top-left-content">内容标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
                </div>
              </router-link>
            </li>
            <li>
              <router-link to="" class="clearfix">
                <img src="../../../static/images/img/pinbiao-img.png" alt="" class="fl">
                <div class="fr">
                  <p class="blueinfo-top-left-title">标题标题标题标题</p>
                  <p class="blueinfo-top-left-content">内容标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
                </div>
              </router-link>
            </li>
            <li>
              <router-link to="" class="clearfix">
                <img src="../../../static/images/img/pinbiao-img.png" alt="" class="fl">
                <div class="fr">
                  <p class="blueinfo-top-left-title">标题标题标题标题</p>
                  <p class="blueinfo-top-left-content">内容标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题标题</p>
                </div>
              </router-link>
            </li>
        </ul>
        <div class="fr blueinfo-top-right">
          <p>热门资讯</p>
          <ul>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
            <li>
              <router-link to="">
                【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯
              </router-link>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 分割区 -->
    <div class="contrainer">
      <div class="blueinfo-fenge"></div>
    </div>
    <!-- 资讯-下 -->
    <div class="container clearfix mgt-30">
      <div class="fl blueinfo-bottom-left">
        <ul>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
        </ul>
      </div>
      <ul class="fl blueinfo-bottom-center">
        <li>
          <router-link to="">
            <img src="../../../static/images/img/lvcainew.jpg" alt="">
            <p>【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</p>
          </router-link>
        </li>
        <li>
          <router-link to="">
            <img src="../../../static/images/img/lvcainew.jpg" alt="">
            <p>【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</p>
          </router-link>
        </li>
      </ul>
      <div class="fr blueinfo-bottom-right">
        <div class="clearfix blueinfo-bottom-right-t">
          <img src="../../../static/images/img/lvcaijia.jpg" alt="" class="fl mgr-10">
          <img src="../../../static/images/img/lvcaijia.jpg" alt="" class="fl">
        </div>
        <ul>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
          <li><router-link to="">【资讯类名】热门资讯热门资讯热门资讯热门资讯热门资讯热门资讯</router-link></li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'Blueinfo',
  data(){},
  created:function () {
    this.$emit('public_header', false);
    this.$emit('public_headerhover', true);
    this.$emit('public_footer', true);
  },
}
</script>

<style>
 @import '../../../static/style/blueinfo';
</style>

